<template>
  <div>
    <div
      class="bg-#fff p-10px rounded-8px flex items-center gap-10px overflow-hidden"
    >
      <div class="search-input">
        <span>标题：</span>
        <a-input v-model:value="searchValue" placeholder="Basic usage" />
      </div>
      <div class="search-select">
        <span>状态：</span>
        <a-select v-model:value="searchType">
          <a-select-option value="jack">Jack</a-select-option>
          <a-select-option value="lucy">Lucy</a-select-option>
          <a-select-option value="disabled" disabled>Disabled</a-select-option>
          <a-select-option value="Yiminghe">yiminghe</a-select-option>
        </a-select>
      </div>
      <a-button type="primary" class="h-37px !w-120px rounded-10px font-bold">
        搜索 / 刷新
      </a-button>
    </div>
  </div>
</template>

<script setup lang="ts">
const searchValue = ref("");
const searchType = ref("");
</script>

<style scoped></style>
